<div class="g-hd">
    <div class="m-head g-fluid">
        <div class="g-xs4" ng-bind-html="back"></div>
        <div class="g-xs4"><div class="tt">我的收益</div></div>
        <div class="g-xs4 f-tar" ng-bind-html="next"></div>
    </div>
</div>
<div class="g-ct">
    <div class="m-yield">
        <div class="hd">
             <div class="info">
                 <div class="avatar">
                       <img src="http://placehold.it/50x50/7ecdc5/fff" alt=""/>
                       <div class="level"><i class="icon-font" title="等级">&#xe60e;</i></div>
                 </div>
                 <div class="name">名字</div>
                 <div class="grow">成长值：<span>33909点</span></div>
                 <div class="distance">还需2888点成长值升级到V4会员</div>
             </div>
            <canvas id="js_convas" width="250" height="250"></canvas>
        </div>
        <dl>
            <dt class="f-cb">
               <div class="g-container">
                    <div class="sd">总积分：</div>
                    <div class="g-xs12 f-tac">
                        <p class="total">33889积分</p>
                        <div class="money">折合人民币：3388.9元</div>
                    </div>
                </div>
            </dt>
            <dd class="tt">收益明细</dd>
            <dd class="f-cb">
                <div class="g-container">
                    <div class="g-row">
                        <div class="g-xs8">
                            <p class="shop">曼延主题西餐厅</p>
                        </div>
                        <div class="g-xs4 f-tac">
                            <span class="z-add">+5积分</span>
                            <!--<span class="z-reduce">-5积分</span>-->
                        </div>
                    </div>
                    <div class="g-row">
                        <div class="g-xs8">
                            <div class="time">昨天19:50</div>
                        </div>
                        <div class="g-xs4 f-tac">
                            <p class="cost">消费¥888.00</p>
                        </div>
                    </div>
                </div>
            </dd>
            <dd class="f-cb">
                <div class="g-container">
                    <div class="g-row">
                        <div class="g-xs8">
                            <p class="shop">曼延主题西餐厅</p>
                        </div>
                        <div class="g-xs4 f-tac">
                            <!--<span class="z-add">+5积分</span>-->
                            <span class="z-reduce">-5积分</span>
                        </div>
                    </div>
                    <div class="g-row">
                        <div class="g-xs8">
                            <div class="time">昨天19:50</div>
                        </div>
                        <div class="g-xs4 f-tac">
                            <p class="cost">消费¥888.00</p>
                        </div>
                    </div>
                </div>
            </dd>
        </dl>
    </div>
</div>